<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>YAML | Example &quot;3col_standard&quot;</title>
<link rel="stylesheet" href="../css/basics/3col_standard.css" type="text/css" />
<!--[if lte IE 7]>
<link href="../css/basics/patches/3col_standard.css" rel="stylesheet" type="text/css"/>
<![endif]-->
<script type="text/javascript" src="../js/addevent.js"></script>
<script type="text/javascript" src="../js/generaltabs.js"></script>	
</head>
<body>

<ul id="skiplinks">
	<li><a class="skip" href="#nav">Skip to navigation (Press Enter).</a></li>
	<li><a class="skip" href="#col3">Skip to main content (Press Enter).</a></li>
</ul>

<div class="page_margins">
  <div class="page">
    <div id="header">
      <div id="topnav">
        <span><a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a></span>
      </div>
      <h1>Example | Beispiel <em>&laquo;3col_standard&raquo;</em></h1>
      <span>YAML &#8226; (X)HTML/CSS Framework</span>
    </div>
    
    <div id="nav">
      <div class="hlist">
        <ul>
          <li><a href="../index.html">Table Of Contents</a></li>
          <li><a href="styling_content.html">Next Example</a></li>
        </ul>
      </div>
    </div>
    
    <div id="main">
      
      <div id="col1">
        <div id="col1_content" class="clearfix">
			<div class="subcolumns">
				<div class="domtab">
					<ul id="gtags2">
						<li class="active"><a href="#what">Sport体育</a></li>
						<li><a href="#how">NBA美国</a></li>
					</ul>
					<div id="gtcontent2" class="content">
						<div class="on">
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
						</div>
						<div>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
						</div>
					</div>
				</div>
				<br />
				<div class="domtab">
					<ul id="gtags3">
						<li class="active"><a href="#what">Sport体育</a></li>
						<li><a href="#how">NBA美国</a></li>
					</ul>
					<div id="gtcontent3" class="content">
						<div class="on">
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
						</div>
						<div>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
						</div>
					</div>
				</div>
			</div>
        </div>
      </div>
      
      <div id="col2">
        <div id="col2_content" class="clearfix">
			<div class="subcolumns">
				<div class="domtab">
					<ul id="gtags0">
						<li class="active"><a href="#what">Sport体育</a></li>
						<li><a href="#how">NBA美国</a></li>
					</ul>
					<div id="gtcontent0" class="content">
						<div class="on">
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
						</div>
						<div>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
						</div>
					</div>
				</div>
				<br />
				<div class="domtab">
					<ul id="gtags4">
						<li class="active"><a href="#what">Sport体育</a></li>
						<li><a href="#how">NBA美国</a></li>
					</ul>
					<div id="gtcontent4" class="content">
						<div class="on">
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
						</div>
						<div>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
						</div>
					</div>
				</div>
			</div>
        </div>
      </div>
      
      <div id="col3">
        <div id="col3_content" class="clearfix">
		    <div class="subcolumns">
				<div class="domtab">
					<ul id="gtags">
						<li class="active"><a href="#what">Sport体育</a></li>
						<li><a href="#how">NBA美国</a></li>
						<li><a href="#pr">CBA中国</a></li>
						<li><a href="#style">国际足球Football</a></li>
					</ul>
					<div id="gtcontent" class="content">
						<div class="on">
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
						</div>
						<div>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
						</div>
						<div>
							Third<br>
							Third<br>
							Third<br>
							Third<br>
							Third<br>
							Third<br>
						</div>
						<div>
							fourth<br>
							fourth<br>
							fourth<br>
							fourth<br>
							fourth<br>
							fourth<br>
						</div>
					</div>
				</div>
				<br />
				<div class="domtab">
					<ul id="gtags1">
						<li class="active"><a href="#what">Sport体育</a></li>
						<li><a href="#how">NBA美国</a></li>
						<li><a href="#pr">CBA中国</a></li>
						<li><a href="#style">国际足球Football</a></li>
					</ul>
					<div id="gtcontent1" class="content">
						<div class="on">
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
							Test<br>
						</div>
						<div>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
							Second<br>
						</div>
						<div>
							Third<br>
							Third<br>
							Third<br>
							Third<br>
							Third<br>
							Third<br>
						</div>
						<div>
							fourth<br>
							fourth<br>
							fourth<br>
							fourth<br>
							fourth<br>
							fourth<br>
						</div>
					</div>
				</div>
			</div>
        </div>
        <div id="ie_clearing">&nbsp;</div>
      </div>
     
    </div>
    <div id="footer">Footer with copyright notice and status information<br />
Layout based on <a href="http://www.yaml.de/">YAML</a></div>
  </div>
</div>
<script type="text/javascript" src="../js/focusfix.js"></script>
<script type="text/javascript">
var ptag0 = document.getElementById('gtags0'),
    pcnt0 = document.getElementById('gtcontent0'),
	numb0 = 2;

tabscommon(ptag0, pcnt0, numb0);

var ptag = document.getElementById('gtags'),
    pcnt = document.getElementById('gtcontent'),
	numb = 4;

tabscommon(ptag, pcnt, numb);

var ptag1 = document.getElementById('gtags1'),
    pcnt1 = document.getElementById('gtcontent1'),
	numb1 = 4;

tabscommon(ptag1, pcnt1, numb1);

var ptag2 = document.getElementById('gtags2'),
    pcnt2 = document.getElementById('gtcontent2'),
	numb2 = 2;

tabscommon(ptag2, pcnt2, numb2);

var ptag3 = document.getElementById('gtags3'),
    pcnt3 = document.getElementById('gtcontent3'),
	numb3 = 2;

tabscommon(ptag3, pcnt3, numb3);

var ptag4 = document.getElementById('gtags4'),
    pcnt4 = document.getElementById('gtcontent4'),
	numb4 = 2;

tabscommon(ptag4, pcnt4, numb4);
</script>
</body>
</html>
